html {
 margin: 0;
 padding: 0;
 font-size: 16px;
}
body {
 margin: 0;
 padding: 0;
}
p{
 margin: 0;
}
.text-center{
 text-align: center;
}
.box{
  color:#fff;
  box-sizing: border-box;
  padding: 0 0.5rem;
  padding-top: 1rem;
 .in-title {
  margin-bottom: 10px;
  padding-left: 10px;
  width: 100%;
  height: 40px;
  line-height: 40px;
  color: #3399FF ;
  font-weight: 500;
  font-size: 14px;
  background: url('../assets/title_bg.png') no-repeat;
  background-size: cover;

}
 .data-box {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 0 solid rgba(18,144,255,0.50);
  width: 100%;
  background: rgba(4,127,198,0.03);
  box-shadow: inset 0 1px 100px 0 rgba(5,128,188,0.20);
  .line-box {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    i {
      background-color: #fff;
      position: absolute;
    }
    .t-l-line {
      height: 1px;
      width: 10px;
      left: -1px;
      top: -1px;
    }
    .l-t-line {
      height: 10px;
      width: 1px;
      left: -1px;
      top: 0;
    }
    .b-l-line {
      height: 1px;
      width: 10px;
      left: -1px;
      bottom: 0;
    }
    .l-b-line {
      height: 10px;
      width: 1px;
      left: -1px;
      bottom: 1px;
    }
    .t-r-line {
      height: 1px;
      width: 10px;
      right: -1px;
      top: -1px;
    }
    .r-t-line {
      height: 10px;
      width: 1px;
      right: -1px;
      top: 0;
    }
    .b-r-line {
      height: 1px;
      width: 10px;
      right: -1px;
      bottom: -1px;
    }
    .r-b-line {
      height: 10px;
      width: 1px;
      right: -1px;
      bottom: 0;
    }
  }
 
}
.commonHeader{
  height: 2rem;
  line-height:2rem;
  padding-left: 10px;
  color:#2882e2;
  background: url(../assets/headerBg.png) no-repeat;
  background-size: cover;
}
}

